<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      var str = 'Kerwin'

      // chartAt(索引)  传入索引--返回索引对应的字符
      var str1 = str.charAt(1)
      console.log(str) //kerwin
      console.log(str1) //e

      // chartCodeAt(索引)  传入索引--返回索引对应的字符编码
      var str2 = str.charCodeAt(1)
      console.log(str) //kerwin
      console.log(str2) //101

      //toUpperCase()--改为大写  toLowerCase()--改为小写
      console.log(str.toUpperCase()) //KERWIN
      console.log(str.toLowerCase()) //kerwin

      // 截取 substr(开始索引，截取长度)  substring(开始索引，结束索引)--包括前，不包括后  slice(开始索引，结束索引)--包括前，不包括后
      var str3 = 'hEllO'
      var str4 = str3.substr(1, 2)
      var str5 = str3.substring(1, 2)
      var str6 = str3.slice(1, 2)
      console.log(str4) // El
      console.log(str5) //E
      console.log(str6) //E

      //replace 替换 只替换第一个 后面使用正则
      console.log(str.replace('e', '*')) //K*rwin

      // split 分割(把字符串分割为数组)
      console.log(str.split('')) //['K', 'e', 'r', 'w', 'i', 'n']

      // indexOf(查找的字符串，索引号【从哪开始查】) lastIndexOf
      // 找到返回字符串索引位置
      // 找不到返回 -1
      var str7 = 'abcdef'
      console.log(str7.indexOf('d')) // 3
      console.log(str7.lastIndexOf('d')) // 3

      // concat 连接字符串
      console.log(str.concat(str3)) //KerwinhEllO

      // trim 去掉首尾空格
      // trimStart()  trimLeft() 去掉首空格
      // trimEnd()  trimRight() 去掉尾空格
      var str8 = ' Hello World '
      console.log('|' + str8 + '|') //| Hello World |
      console.log('|' + str8.trim() + '|') //|Hello World|
      console.log('|' + str8.trimStart() + '|') //|Hello World |
      console.log('|' + str8.trimEnd() + '|') //| Hello World|
    </script>
  </body>
</html>
